<style lang='scss' scoped>
    .m-page{
        display: flex;
    }
</style>
<template>
  <section class='m-page'>
    <nav-left nav="/outborder"/>
    <router-view></router-view>
  </section>
</template>

<script>
  import {mapActions, mapState} from 'vuex'
  export default {
    data () {
      return {

      }
    },

    components: {},

    computed: {
      ...mapState({

      })
    },

    mounted () {
      
    },
    destroyed () {
    },
    methods: {
      ...mapActions([

      ])
    } 
  }

</script>
 <style lang="scss">
    .x-select{
        width: 100%; height: 50px;
        margin-bottom: 30px;
        input{
           height: 50px;
           border-radius: 0!important;
           border-color: #c8c7cc!important;
        }
        .el-select-dropdown__item{
            height: 50px; line-height: 50px;
        }
    }
    .x-select.el-select .el-input.is-focus .el-input__inner {
        border-color: #c8c7cc;
    }

    .x-select.el-select .el-input__inner:focus{
        border-color: #c8c7cc;
    }
 </style>